import React from 'react'
import '../index.less'
import SubTitle from './subTitle'

export default props => (
  <div className="original-sound">
    <SubTitle title="原声绘本" color="#333333" lineColor="#006de9" handleButtonClick={props.handleButtonClick}/>
    <ul className="sound-list">
      <li>
        <p onClick={()=>{props.getVideoUrl('ENGLISH_TV_YSHB1')}}><i className="play"></i><span>免费试听</span></p>
      </li>
      <li>
        <p onClick={()=>{props.getVideoUrl('ENGLISH_TV_YSHB3')}}><i className="play"></i><span>免费试听</span></p>
      </li>
      <li>
        <p onClick={()=>{props.getVideoUrl('ENGLISH_TV_YSHB2')}}><i className="play"></i><span>免费试听</span></p>
      </li>
    </ul>
  </div>
)